* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
    background-image: url(/img/login-bg.png);
    background-size: 100% 100%;
    /*铺满整个屏幕*/
    background-attachment: fixed;
    /*设置图片不动*/
    background-repeat: no-repeat;
    /*设置图片不重复*/
    background-position: center top;
}

.login {
    background-image: url(/img/login-box.png);
    background-size: 100% 100%;
    /*铺满整个屏幕*/
    background-attachment: fixed;
    /*设置图片不动*/
    background-repeat: no-repeat;
    /*设置图片不重复*/
    background-position: center top;
    box-shadow: 0 0.9rem 1.7rem rgba(0, 0, 0, 0.25),
        0 0.7rem 0.7rem rgba(0, 0, 0, 0.22);
    width: 634px;
    height: 360px;
    padding: 0 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -35%);
}


.container {
    text-align: center;
    position: absolute;
    background-image: url("img/login-input.png");
    height: 44px;
    width: 444px;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
}



input::placeholder {}

.container1 {
    text-align: center;
    position: absolute;
    background-image: url("img/login-input.png");
    height: 44px;
    width: 444px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.container2 {
    
    position: absolute;
    height: 50px;
    width: 444px;
    left: 73%;
    top: 67%;
    transform: translate(-50%, -50%);text-align:center
    
}
.btn {
    display: block;
    position: absolute;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 5px;
    font-size: 16px;
    height: 35px;
    width: 445px;
    margin-top: 40px;
    background-color: #00e1eb;
    color: #fff;
    letter-spacing: 2em;
    text-indent: 2em;
    font-weight: bolder;
    background-image: url(/img/);
}
.btn:hover{
    background-color: blanchedalmond;
}

.input1{
    position: absolute;
    left: 55%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 355px;
    height: 30px;
    outline: none;
    border: none;
    padding-left: 8px;
}

 img {
    position: absolute;
    left: 4%;
    top: 18%;
    max-width: 100%;
    max-height: 100%;
}
.head{
    position: absolute;
    letter-spacing: 3em;text-indent: 3em;
    color: #00e1eb;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
	word-break:keep-all;
	white-space: nowrap; /* ！！注意是nowrap，而不是normal！！ */
	overflow: hidden;	/* 内容超出元素宽度时显示超出的部分 */
	text-overflow: ellipsis; 

}

